<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#dlogin{
				float: left;
				display: block;	
			}
			#u{
				list-style: none;
			}
			#u li{
				padding-left: 20px;
				background: url(img/list_icon.gif) no-repeat left center;
			}
			.a1{
				color: blue;
				font-size: 25px;
			}
			#u1{
				list-style: none;
			}
			.a2{
				color: black;
			}
			#right{
				float: right;
				display: block;	
			}
			#dl1
			{
				margin: 0 auto;
				width: 1000px;
			}
		</style>
	</head>
	<body>
		<div id="dl1">
		<div id="dlogin">
			<img src="img/logintitle.gif" >
			<table>
				<tr>
					<td>会员名:</td>
					<td>
						<input type="text" size="20" />(可包含a-z、0-9和下划线)
					</td>
				</tr>
				<tr>
					<td>密 码:</td>
					<td>
						<input type="text" size="20" />(至少包含6个字符)
					</td>
				</tr>
				<tr>
					<td></td>
					<td colspan="2">
						<img src="img/login.gif" >
					</td>
				</tr>
			</table>
			<ui id="u">
				<li><a href="#">什么是安全登录</a>。</li>
				<li>香港會員(繁體中文用戶)由此<a href="#">登入</a></li>
				<li><a href="#">密码安全贴士</a>。</li>
				<li>防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。</li>
			</ui>
		</div>
		<div id="right">  
		<div>
			<p style="color: coral;">注册会员</p>
			<ui id="u1">
				<li><a class="a1">便宜有好货！</a>超过7000万件商品任您选</li>
				<li><a class="a1">买卖更安全!</a>交易更安全</li>
				<li><a class="a1">免费开网店!</a>轻松赚钱交友</li>
				<li><a class="a1">超人气社区!</a>精彩活动每一天</li>
			</ui>
			<img src="img/registernow.gif" />
			<table>
				<tr>
					<td>您已经是会员?<a href="#" class="a2">由此登录</a></td>
				</tr>
				<tr>
					<td>繁体中文用户由此<a href="#" class="a2">注册</a></td>
				</tr>
			</table>
		</div>
		</div>
	</div>
	</body>
</html>
